<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>DoitCSS V2.3 演示实例</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="DoitCSS V1.0">
	<meta name="description" content="DoitCSS是根据bootstap改编的CSS框架">
	<!--基础-->
	<link href="../css/base.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--文字排版-->
	<link href="../css/typography.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--表格-->
	<link href="../css/tables.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--表单按钮-->
	<link href="../css/form-buttons.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--架构-->
	<link href="../css/layouts.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--元件-->
	<link href="../css/elements.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--图标-->
	<link href="../css/icons.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--菜单-->
	<link href="../css/navigation.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--分页-->
	<link href="../css/pagination.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--清除浮动-->
	<link href="../css/clear.css?ver=v2.3" rel="stylesheet" type="text/css">
</head>

<body>
<div class="container">
	<fieldset class="mt20">
	<legend>默认按钮：</legend>
	标准：<input type="submit" name="submit-btn1" value="提交" class="btn mr20">
	大按钮：<input type="submit" name="submit-btn2" value="注册" class="btn btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn3" value="登陆" class="btn btn-sm mr20">
	失效：<input type="submit" name="submit-btn4" value="删除" class="btn disabled mr20">
	Button标签：<button type="submit" name="submit-btn5" class="btn mr20">测试</button>
	<button type="submit" name="submit-btn6" class="btn disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>红色按钮：</legend>
	标准：<input type="submit" name="submit-btn11" value="提交" class="btn btn-danger mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-danger btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-danger btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-danger disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-danger mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-danger disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>绿色按钮：</legend>
	标准：<input type="submit" name="submit-btn11" value="提交" class="btn btn-success mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-success btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-success btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-success disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-success mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-success disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>蓝色按钮：</legend>
	标准(info)：<input type="submit" name="submit-btn11" value="提交" class="btn btn-info mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-info btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-info btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-info disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-info mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-info disabled">测试</button> <br><br>
	标准(secondary)：<input type="submit" name="submit-btn11" value="提交" class="btn btn-secondary mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-secondary btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-secondary btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-secondary disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-secondary mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-secondary disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>橙色按钮：</legend>
	标准：<input type="submit" name="submit-btn11" value="提交" class="btn btn-warning mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-warning btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-warning btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-warning disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-warning mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-warning disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>Primary按钮：</legend>
	标准：<input type="submit" name="submit-btn11" value="提交" class="btn btn-primary mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-primary btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-primary btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-primary disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-primary mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-primary disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>链接按钮：</legend>
	标准：<input type="submit" name="submit-btn11" value="提交" class="btn btn-link mr20">
	大按钮：<input type="submit" name="submit-btn12" value="注册" class="btn btn-link btn-lg mr20">
	小按钮：<input type="submit" name="submit-btn13" value="登陆" class="btn btn-link btn-sm mr20">
	失效：<input type="submit" name="submit-btn14" value="删除" class="btn btn-link disabled mr20">
	Button标签：<button type="submit" name="submit-btn15" class="btn btn-link mr20">测试</button>
	<button type="submit" name="submit-btn16" class="btn btn-link disabled">测试</button>
	</fieldset>

	<fieldset class="mt20">
	<legend>超级链接按钮：</legend>
	Primary：<a href="#" class="btn btn-primary">提交</a> 失效：<a href="#" class="btn btn-primary disabled">删除</a><br><br>
	红色：<a href="#" class="btn btn-danger">提交</a> 失效：<a href="#" class="btn btn-danger disabled">删除</a><br><br>
	绿色：<a href="#" class="btn btn-success">提交</a> 失效：<a href="#" class="btn btn-success disabled">删除</a><br><br>
	橙色：<a href="#" class="btn btn-warning">提交</a> 失效：<a href="#" class="btn btn-warning disabled">删除</a><br><br>
	蓝色：<a href="#" class="btn btn-info">提交</a> 失效：<a href="#" class="btn btn-info disabled">删除</a><br><br>
	二次：<a href="#" class="btn btn-secondary">提交</a> 失效：<a href="#" class="btn btn-secondary disabled">删除</a>
	</fieldset>
</div>
</body>
</html>